<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>何人堂网站信息详情</title>
<!--****js或jq的设置**-->
<!--***css样式区***-->
<script type="text/javascript" src="<%=request.getContextPath()%>/HRTWEB/js/jquery-1.4.3.js"></script>
<%@include file="../publicJSCSS.jsp"%>

<!--放大镜-->
<link rel="stylesheet" type="text/css" href="../css/amplification.css" />
<link rel="stylesheet" type="text/css" href="../css/jqzoom.css" />
<script type="text/javascript" src="../js/newegg.jqzoom.js"></script>
<script type="text/javascript" src="../js/WebApplication.js"></script>
<script type="text/javascript" src="../js/HrtProduct090713.js"></script>
<script type="text/javascript" src="../js/HrtCommon090801.js"></script>
<script type="text/javascript" src="../js/amplification.js"></script>

<!--选项卡--->
<link rel="stylesheet" type="text/css" href="../css/tabs.css" />
<script type="text/javascript" src="../js/tabs.js"></script>

<!--商品尺寸价格选择-->
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<script type="text/javascript" src="../js/base.js"></script>

<script type="text/javascript" src="js/details.js"></script>

<!--text文本框商品数量增加或商品数量减少-->
<script type="text/javascript" src="../js/number_payfor.js"></script>

<link type="text/css" rel="stylesheet" href="../css/number.css" />

<!--级联-->
<link href="css/cityLayout.css" type="text/css" rel="stylesheet">

</head>

<body>
	<!--鼠标滑过弹出jquery在线客服-->
	<!--固定广告-->
	<%@include file="../kefu.jsp"%>	

	<!--首页开始-->
	<div>
		<%@include file="../head.jsp"%>
		<!----------------------********头部结束********---------------------------->

		<!---***中部***-->
		<div>
			<div class="detailss">
				<!--中部左上方-->
				<div class="introShow">
					<div class="mainShow">
						<a id="bigImg" href="../images/amplification/01.jpg" class="jqzoom">
							<img id="midImg" src="../images/amplification/01.jpg" border="0"
							class="Picture220" />
						</a>
					</div>
					<div class="scroll" id="scroll">
						<a href="#prev" class="prevView prevStop"><span>显示上一幅图片</span></a>
						<ul id="thumList">
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/01.jpg"
									ref1="../images/amplification/01.jpg"
									ref2="../images/amplification/01.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/02.jpg" alt=""
									ref1="../images/amplification/02.jpg"
									ref2="../images/amplification/02.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture42" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/03.jpg" alt=""
									ref1="../images/amplification/03.jpg"
									ref2="../images/amplification/03.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/04.jpg" alt=""
									ref1="../images/amplification/04.jpg"
									ref2="../images/amplification/04.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/05.jpg" alt=""
									ref1="../images/amplification/05.jpg"
									ref2="../images/amplification/05.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/06.jpg" alt=""
									ref1="../images/amplification/06.jpg"
									ref2="../images/amplification/06.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/07.jpg" alt=""
									ref1="../images/amplification/07.jpg"
									ref2="../images/amplification/07.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/08.jpg" alt=""
									ref1="../images/amplification/08.jpg"
									ref2="../images/amplification/08.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/09.jpg" alt=""
									ref1="../images/amplification/09.jpg"
									ref2="../images/amplification/09.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/10.jpg" alt=""
									ref1="../images/amplification/10.jpg"
									ref2="../images/amplification/10.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/11.jpg" alt=""
									ref1="../images/amplification/11.jpg"
									ref2="../images/amplification/11.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
							<li class="moveUnit"><a href="javascript:void(0)"
								class="currentItem"> <img
									src="../images/amplification/12.jpg" alt=""
									ref1="../images/amplification/12.jpg"
									ref2="../images/amplification/12.jpg" border="0"
									onmouseover="Hrt.Product.Product.ChangePic(this);"
									class="Picture40" />
							</a></li>
	
						</ul>
						<a href="#next" class="nextView nextStop"><span>显示下一幅图片</span></a>
					</div>
				</div>
			<!---------------------中部左上方结束------------------->

				<!--中部右上方-->
				<div style="height: 390px;">
					<div id="tabs_xq">
						<div class="tab_xq">
							<a href="#" class="cur">带图片选择</a>
							
						</div>
						<div class="iteminfo_buying">
						<form action="<%=request.getContextPath()%>/HRTWEB/buyGift.do" method="post" id="orderInfor">
							<!--规格属性-->
							<div class="sys_item_spec">
								<dl
									class="clearfix iteminfo_parameter iteminfo_parameter_default lh32">
									<dt>价格:</dt>
									<dd>
										<span class="iteminfo_mktprice">￥<b
											class="sys_item_mktprice">${detailGI.salePrice}</b></span>
									</dd>
								</dl>
								<dl class="clearfix iteminfo_parameter lh32">
									<dt>促销:</dt>
									<dd>
										<span class="iteminfo_price">￥ <b class="sys_item_price">${detailGI.promotion}</b></span>
										<input type="hidden" id="shopType" class="shopType" name="shopType"/>
										<input type="hidden" value="${detailGI.id}" name="giftId"/>
										<input type="hidden" value="${HRTMember.id}" name="memberId"/>
									</dd>
								</dl>
								<dl class="clearfix iteminfo_parameter sys_item_specpara"
									data-sid="1">
									<dt>颜色:</dt>
									<dd>
										<ul class="sys_spec_img" id="colorList">
											<c:forEach var="color" items="${detailList}">
											
											<span><input type="radio" id="${detailGI.id}" class="color" name="color" colorName="${color}" value="${color}"/>${color}</span>
											
										</c:forEach>
											<!-- <li data-aid="3"><a href="javascript:;" title="白色"><img
													src="../images/information/xq/1.png" alt="白色" /></a><i></i></li>
											<li data-aid="4"><a href="javascript:;" title="粉色"><img
													src="../images/information/xq/2.png" alt="粉色" /></a><i></i></li>
											<li data-aid="8"><a href="javascript:;" title="蓝色"><img
													src="../images/information/xq/3.png" alt="蓝色" /></a><i></i></li>
											<li data-aid="9"><a href="javascript:;" title="绿色"><img
													src="../images/information/xq/4.png" alt="绿色" /></a><i></i></li>
											<li data-aid="10"><a href="javascript:;" title="黄色"><img
													src="../images/information/xq/5.png" alt="黄色" /></a><i></i></li>
											<li data-aid="12"><a href="javascript:;" title="灰色"><img
													src="../images/information/xq/6.png" alt="灰色" /></a><i></i></li> -->
										</ul>
									</dd>
								</dl>
								<!--省市级联-->
								<dl class="clearfix iteminfo_parameter sys_item_specpara"
									data-sid="2">
									<div id="cascading">
										<div style="padding-left: 1px;">
											配送： <input name="" id="start1" autocomplete="off" type="text"
												value="请选择/输入城市名称"
												class="city_input  inputFocus proCityQueryAll proCitySelAll"
												ov="请选择/输入城市名称" readonly="readonly">
										</div>
	
										<!--弹出省省市-->
										<div class="provinceCityAll">
											<div class="tabs clearfix">
												<ul class="">
													<li><a href="javascript:" tb="provinceAll">省份</a></li>
													<li><a href="javascript:" tb="cityAll" id="cityAll">城市</a></li>
													<li><a href="javascript:" tb="countyAll" id="countyAll">区县</a></li>
												</ul>
											</div>
											<div class="con">
												<div class="provinceAll invis">
													<div class="pre">
														<a></a>
													</div>
													<div class="list">
														<ul>
															<!-- 					<li><a href="javascript:"  class="current">江西省</a></li> -->
														</ul>
													</div>
													<div class="next">
														<a class="can"></a>
													</div>
												</div>
												<div class="cityAll invis">
													<div class="pre">
														<a></a>
													</div>
													<div class="list">
														<ul>
															<!-- 					<li><a href="javascript:"  class="current">南京</a></li> -->
														</ul>
													</div>
													<div class="next">
														<a class="can"></a>
													</div>
												</div>
												<div class="countyAll invis">
													<div class="pre">
														<a></a>
													</div>
													<div class="list">
														<ul>
														</ul>
													</div>
													<div class="next">
														<a class="can"></a>
													</div>
												</div>
											</div>
										</div>
										<script type="text/javascript" src="js/public.js"></script>
									</div>
								</dl>
								<!-----------------------------省市级结束联--------------------->
								<dl class="clearfix iteminfo_parameter sys_item_specpara"
									data-sid="2">
									<dt>尺码:</dt>
									<dd>
										<ul class="sys_spec_text" id="measures">
											<!-- <li data-aid="13"><a href="javascript:;" title="S">S</a><i></i></li>
											<li data-aid="14"><a href="javascript:;" title="M">M</a><i></i></li>
											<li data-aid="16"><a href="javascript:;" title="L">L</a><i></i></li>
											<li data-aid="17"><a href="javascript:;" title="XL">XL</a><i></i></li> -->
										</ul>
									</dd>
								</dl>
							</div>
							<!--规格属性-->
							<!--text文本框商品数量增加或商品数量减少-->
							<div class="p_number">
								<div class="f_l add_chose">
									<table>
										<tr>
											<td rowspan="2">
												<input type="text" name="qty_item_1"
													size="3" value="0" id="qty_item_1"
													onKeyUp="setAmount.modify('#qty_item_1')" />
											</td>
											<td>
												<a class="add" onClick="setAmount.add('#qty_item_1')"
													href="javascript:void(0)">+</a>
											</td>
											<td rowspan="2">(库存${detailGI.totals}件)</td>
										</tr>
										<tr>
											<td>
												<a class="reduce"
													onClick="setAmount.reduce('#qty_item_1')"
													href="javascript:void(0)">-</a>
											</td>
										</tr>
									</table>
								</div><br/>
								<!-- 立即购买--vs--加入购物车 -->
								<div id="joinCar">
									
									<button type="button" id="buyGift" name="buyGift" ><span>立即购买</span></button>
									<button type="button" id="addCar" name="addCar"><span>加入购物车</span></button>
								</div>
								<!-- 立即购买--vs--加入购物车结束 -->
							</form>
							</div>
							<!--text文本框商品数量增加或商品数量减少结束-->
						</div>
					</div>
				</div>
			</div>
			<!---------------------中部右上方结束------------------->

			<!----中部中间------>
			<div id="commodity_div">
				<div id="soft_div">
					<div class="soft_function">
						<div class="soft_con_icon">
							<ul>
								<li>
									<a id="pic_fun_adm" href="#">
										<p style="color: #963;">商品详情</p>
									</a>
								</li>
								<li>
									<a id="pic_fun_crm" href="#">
										<p>累计评价</p>
									</a>
								</li>
								<li>
									<a id="pic_fun_project" href="#">
										<p>月成交记录</p>
									</a>
								</li>
							</ul>
						</div>
						<div class="soft_con1"
							style="background: url(../images/line_select_001.gif);"></div>
						<div class="soft_con">
							<!--第一个-->
							<div id="xzgl" class="soft_con2">
								<!-- <table id="commodity_div_pre_t">
									<tr>
										<td colspan="3"><font color="#999999" size="+1"> <b>
													产品参数：</b>
										</font></td>
									</tr>
									<tr>
										<td>件数: 36件</td>
										<td>品牌: fd/飞谍</td>
										<td>货号: FDTZ-001-023</td>
									</tr>
									<tr>
										<td>颜色分类: 24冰裂马盘(原木色)08紫..</td>
										<td>产地: 德化县</td>
										<td>价格区间: 300元-499元</td>
									</tr>
									<tr>
										<td>材质: 玻璃</td>
										<td>适用人数: 10人及以上</td>
										<td>茶餐具工艺: 耐热玻璃</td>
									</tr>
									<tr>
										<td>配茶盘材质: 木</td>
										<td>主图来源: 自主实拍图</td>
										<td></td>
									</tr>
								</table>  -->
								<div id="commodity_div_img">
									<input type="hidden" value="${detailGI.id}">
									${detailGI.details_Str}
								</div>
							</div>
							<!--第二个-->
							<div id="crm" class="soft_con2" style="display: none">
								<div class="comment_div">
									<form>
										<input type="radio" name="choose" checked />全部 <input
											type="radio" name="choose" />追评(189) <input type="radio"
											name="choose" />图片(27) <span class="comment_div_all">
											<input type="checkbox" value="1" name="all" />所有 <select
											name="times">
												<option value="time" selected>按时间</option>
												<option value="default">按默认</option>
										</select>
										</span>
									</form>
								</div>
								<div>
									<ul style="list-style-type: none;">
										<li>堡垒时间到了教室里看到</li>
										<li>三等奖和快圣诞节了开始简单来说</li>
										<li>堡垒时间到了教室里看到</li>
										<li>三等奖和快圣诞节了开始简单来说</li>
										<li>堡垒时间到了教室里看到</li>
										<li>三等奖和快圣诞节了开始简单来说</li>
									</ul>
								</div>
							</div>

							<!--第三个-->
							<div id="xmgl" class="soft_con2" style="display: none">
								<div>
									<p>计划任务</p>
									<p>在线、实时创建维护项目计划，并可向他人发起项目任务，指...</p>
								</div>
								<div>
									<p>甘特图</p>
									<p>在线编辑项目甘特图，可与专业工具媲美，而且操作更为简单...</p>
								</div>
								<div>
									<p>项目汇报</p>
									<p>定期汇报项目的最新进展，将汇报与具体的项目进行绑定；领导...</p>
								</div>
								<div>
									<p>工作负荷</p>
									<p>自动提取项目计划、任务中的员工工作量，以不同的颜色标识员...</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!---------------------中部中间结束------------------->

		</div>
		<!----------------------********中部结束********---------------------------->


		<!---***尾部***-->

		<%@include file="../foot.jsp"%>
		<!----------------------********尾部结束********---------------------------->
		<!-- 回顶部和建议代码开始 -->
		<%@include file="../backTop.jsp"%>
		<!-- 回顶部和建议代码结束 -->
	</div>
</body>
</html>